草庐IT

HTML 输入元素比 Containing Div 宽

全部标签

javascript - 带 ionic 切换而不是按钮的 ionic 输入插件

我非常想合并一个item-input-inset用ion-toggle而不是按钮-因此用户可以选择禁用输入字段。我想要的是这样的:我确实希望将文本输入连接到一个模型,所以我总是有一个NotApplicable变量或用户输入的一些其他字符串(或空字符串)。但我的第一个问题是布局似乎乱七八糟。这是我得到的结果:给出下面乱七八糟的布局 最佳答案 @Norfeldt:请检查下面的代码片段,让我知道您的想法。希望它能像您期望的那样工作。angular.module('ionicApp',['ionic']).controller('MainC

javascript - 如何将通用 HTML 传递给 Angular 2 组件?

我想制作一个可以容纳任何东西的通用模态组件,从文本到图像/按钮等。如果我这样做:{{content}}我实际上无法将HTML传递到内容中,只能传递到文本中。我如何创建一个组件,以便父组件可以传入它想要的任何HTML?如果我想在页脚添加n个按钮,每个按钮都有自己的回调怎么办?有没有更好的方法我应该这样做? 最佳答案 你要找的是ng-content并且您可以将任何HTML内容直接传递到您的组件中。假设您的组件名称是my-modal,您可以像下面这样使用它,>希望这对您有所帮助! 关于java

javascript - JQuery - 通过标签名称的后缀或前缀选择自定义元素

假设我使用HTML5创建了一些自定义元素.........果汁元素有很多种。我想通过使用它们的后缀的jQuery的一条指令来选择它们。我试过了,但是没用:$('$=juice').html('juice');//the.htmlinstructionisnotimportant如果我将它们一一呈现出来。$('orange-juice').html('juice');//thiswork$('apple-juice').html('juice');//thiswork$('banana-juice').html('juice');//thiswork但是有很多这样的自定义元素以juice

没有插件的 Javascript 输入文本屏蔽

我想在不改变实际值的情况下屏蔽输入框中的文本。我不能使用任何插件。我目前正在这样做-但如您所见,问题是实际值在提交时发生了变化。我怎样才能改变显示值?$("input[name='number']").focusout(function(){varnumber=this.value.replace(/(\d{2})(\d{3})(\d{2})/,"$1-$2-$3");this.value=number;} 最佳答案 你需要两个输入两个输入应该可以完成工作。一个输入将包含屏蔽文本,另一个将是包含真实数据的隐藏输入。我处理屏蔽的方法是

javascript - 如何找到没有 html 标签的文本并用 p 元素包装它

我有以下HTML代码。我想查找并替换没有HTML标记的文本,并使用jQuery将其包装在p元素中。有没有办法实现我的目标?MytasksLoremipsumdolorsitamet,consetetursadipscingelitrLoremipsumdolorsitLoremipsumdolorsitLoremipsumdolorsitLoremipsumdolorsitLoremipsumdolorsitamet,consetetursadipscingelitr 最佳答案 为此,您需要找到子文本节点并将它们包装在中标签。为此,

javascript - 如何将输入字段数据从模态传递到 react-Native 中的容器?

这是我正在使用的:{}}>在容器中我不知道如何将数据从模态传递到父组件。任何类型的教程或链接都可以。提前致谢。 最佳答案 让我们假设您的模态框在/components/MyModal中单独归档以概括事物。您可以让您的Modal调用一个函数,在每次输入文本更改时通过props传递该函数。这是您可以使用的简单回调逻辑。尽可能避免使用refs。importMyModalfrom'../components/MyModal';...classHomeextendsComponent{onInputChanged=(changedText)=

javascript - Vue.js:折叠/展开来自父级的所有元素

我需要为我的Vue组件(一些可折叠面板)添加“全部展开/折叠”功能。如果用户点击折叠按钮,然后点击某个面板并展开它,然后点击折叠按钮将不执行任何操作,因为watched参数不会改变。那么如何正确实现此功能(按钮必须始终折叠和展开组件)?我准备了一个简单的例子(抱歉格式不好,它在编辑器中看起来不错:()):varcollapsible={template:"#collapsible",props:["collapseAll"],data:function(){return{collapsed:true}},watch:{ collapseAll:function(value){ this

javascript - 如何动态获取匹配的输入字段以将值添加到 Javascript 中的对象?

我有一个包含两个输入字段的页面。我有一个JS对象(信息),其中包含每个项目的“引用”和“值”字段。对于每个项目,都有一个相应的“输入”字段与“类”属性匹配。当用户更新匹配的输入字段时,我想在信息对象中添加它的“值”。我遇到的问题是,它将值放在数组的最后一项(location.value)中,用于任一输入。谁能帮我解决我哪里出错了?(我可以看到使用“每个”的解决方案,其中所有输入的数据都需要添加到一个数组/对象中。我坚持获取匹配字段的数据。)$(document).ready(function(){varinfo={name:{ref:"a2350",value:""},location

javascript - 如何为事件回调传递特定数组元素

我有一个对象数组,其中包含每个“actionButton”id、选择器和回调varactionButtons=[{id:"0",selector:"._55ln._qhr",callback:undefined},{id:"1",selector:"._22aq._jhr",callback:undefined},...];我想做的是每次单击选择器时使用数组中的特定参数(id)调用一个函数。for(vari=0;i但是这段代码不起作用;看起来每次调用回调函数时,i的值都等于数组大小。我该如何解决这个问题;即。使每个回调的变量i的值都不同。 最佳答案

javascript - Vue : when to use @keyup. native in input 元素

我有一个Vue组件一个绑定(bind)v-on:keyup.enter的元素doFilter()的关键一个绑定(bind)v-on:click事件到doFilter()Filter按钮事件将触发doFilter(),但按键事件不会触发,除非我添加.native修饰符。Vue.jsdocumentationsaysthisabout.native:listenforanativeeventontherootelementofcomponent.我什么时候需要使用.native为什么没有它就不会触发keyup事件?更新1:添加codepen和代码可运行演示位于https://codepen